// import Vue from 'vue'
// import * as VueRouter from 'vue-router'
// import WhiteBoard from '../components/WhiteBoard.vue'
// import Login from '../components/Login.vue'
// import ColorPicker from "../components/ColorPicker.vue";
// import Contextmenu from "../components/Contextmenu.vue";
// Vue.use(VueRouter)

// const routes= [
//         {
//             path: '/',
//             name: 'Login',
//             component: Login,
//             meta: {
//                 index: 0
//             }
//         },
//         {
//             path: '/WhiteBoard',
//             name: 'WhiteBoard',
//             component: WhiteBoard,
//             meta: {
//                 index: 1
//             }
//         },
//         {
//             path: '/ColorPicker',
//             name: 'ColorPicker',
//             component: ColorPicker,
//             meta: {
//                 index: 2
//             }
//         },
//         {
//             path: '/Contextmenu',
//             name: 'Contextmenu',
//             component: Contextmenu,
//             meta: {
//                 index: 3
//             }
//         },
//     ]
// const router=new VueRouter({
//     mode:'history',
//     base:process.env.BASE_URL,
//     routes
// })


// export default router

import {createRouter, createWebHistory} from 'vue-router'
import routes from './routes'
 
const router = createRouter({
    history: createWebHistory(), 
    routes
})
 
export default router